// 元素
@mixin element($name) {
    @at-root #{&}__#{$name} {
        @content;
    }
}

// 修饰符
@mixin modifier($name) {
    @at-root #{&}-#{$name} {
        @content;
    }
}